import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/reset.css'
import router from './router/index.js'
import { createPinia } from 'pinia'

// 全局样式 - 隐藏滚动条和禁止页面滚动
const globalStyles = `
// ::-webkit-scrollbar {
//   display: none; /* 隐藏 Chrome/Safari 滚动条 */
// }

// * {
//   -ms-overflow-style: none; /* 隐藏 IE/Edge 滚动条 */
//   scrollbar-width: none; /* 隐藏 Firefox 滚动条 */
// }

html, body {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#app {
  height: 100vh;
  overflow: hidden;
}
`

// 创建样式元素并添加到head
const styleElement = document.createElement('style')
styleElement.textContent = globalStyles
document.head.appendChild(styleElement)

const app = createApp(App)
app.use(Antd)
app.use(createPinia())
app.use(router)
app.mount('#app')
